<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<!--新建三包服务页面-->
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa  fa-cogs"></i> <strong>三包服务单</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>售后管理</li>
				<li class="active">三包服务单</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">

			<div class="nav-tabs-custom">
				<ul class="nav nav-tabs" id="myTabs">
					<li class="active"><a href="#tab_1" data-toggle="tab">售后服务单</a></li>
					<!-- <li><a href="#tab_2" data-toggle="tab">现场产品质量信息反馈</a></li> -->
					<li><a href="#tab_3" data-toggle="tab">三包填写/审批人员选择</a></li>
				</ul>
			</div>
			<div class="tab-content">
				<div class="tab-pane active" id="tab_1">
					<form id="tab1Form" class="widget-box">
						<div class="box-body">
							<div class="box-header with-border">
								<i class="fa fa-th-list"></i>
								<input class="form-control hide" id="ticketId" name="ticketId" th:value="${afterSaleTicket.id}"/>
								<h4 class="box-title">基本信息</h4>
							</div>
							<table class="table table-bordered">
								<tbody>
									<tr class="odd gradeX">
										<td width="10%" class="center">单位名称</td>
										<td colspan="1">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="unitName"
													name="unitName" disabled="disabled" th:value="${afterSaleTicket.unitName}"/>
											</div>
										</td>
										<td width="10%" class="center">服务时间</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="serviceTime"
													name="serviceTime" readonly="readonly"
													th:value="${#dates.format(afterSaleTicket.serviceTime,'YYYY-MM-dd')}" />
											</div>
										</td>
									</tr>
									<tr class="even gradeC">
										<td width="10%" class="center">合同号</td>
										<td width="40%">
											<div class="col-sm-12">
											    <input class="form-control" name="contractCode" id="contractCode" th:value="${afterSaleTicket.contractCode}" disabled="disabled"/>  
											</div>
										</td>
										<td width="10%" class="center">申请人</td>
										<td width="40%">
											<div class="col-sm-12">
											<input class="form-control" name="proposer" id="proposer" th:value="${afterSaleTicket.proposer}" disabled="disabled"/> 
											</div>
										</td>
									</tr>
									<tr class="odd gradeC">
										<td width="10%" class="center">现场联系人</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="linkMan" name="linkMan" th:value="${afterSaleTicket.linkMan}"
													 disabled="disabled"/>
											</div>
										</td>
										<td width="10%" class="center">联系方式</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="linkManPhone" name="linkManPhone" th:value="${afterSaleTicket.linkManPhone}"
													 disabled="disabled"/>
											</div>
										</td>
									</tr>
									<tr class="odd gradeC">
										<td width="10%" class="center">售后类型</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="afterSaleType" name="afterSaleType" th:value="${afterSaleTicket.afterSaleType}" readonly="readonly" />
											</div>
										</td>
										<td width="10%" class="center">设备编号</td>
										<td width="40%">
											<div class="col-sm-12">
											<input class="form-control" name="deviceCode" id="deviceCode" th:value="${afterSaleTicket.deviceCode}" disabled="disabled"/> 
											</div>
										</td>
									</tr>
									<tr class="odd gradeC">
										<td width="10%" class="center">设备名称</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="deviceName" name="deviceName" th:value="${afterSaleTicket.deviceName}"
													 disabled="disabled"/>
											</div>
										</td>
										<td width="10%" class="center">设备型号</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="deviceNumber" name="deviceNumber" th:value="${afterSaleTicket.deviceNumber}"
													 disabled="disabled" />
											</div>
										</td>
									</tr>
									<tr class="even gradeC">
										<td width="10%" class="center">问题描述</td>
										<td colspan="3">
											<div class="col-sm-12">
												<textarea class="form-control" style="width: 100%" id="questionDetail"
													name="questionDetail" rows="3"  th:text="${afterSaleTicket.questionDetail}" disabled="disabled"></textarea>
											</div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td width="10%" class="center">发起部门片区</td>
										<td width="40%">
											<div class="col-sm-11">
												<input class="form-control" type="text" id="superior"
													name="superior" th:value="${afterSaleTicket.superior}"
													readonly="readonly" />
											</div>
										</td>
										<td width="10%" class="center">提交人</td>
										<td width="40%">
											<div class="col-sm-11">
												<input class="form-control" readonly="readonly" type="text"
													id="submiter" name="submiter" 
													th:value="${afterSaleTicket.submiter.empLogin.userName}"/>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<table class="table table-bordered">
							    <tr class="even gradeC">
										<td width="10%" class="center">问题跟踪描述</td>
										<td colspan="3">
											<div class="col-sm-12">
												<textarea class="form-control" style="width: 100%"
													id="questionTrance" name="questionTrance" rows="3"
													th:text="${afterSaleTicket.questionTrance}"
											        ></textarea>
											</div>
										</td>
								</tr>
								<tr class="odd gradeX">
									<td width="10%" class="center">管理代码</td>
									<td width="40%">
										<div class="col-sm-11">
											<input class="form-control " type="text" id="manageCode" name="manageCode"
												th:value="${afterSaleTicket.manageCode}" datatype="*"/>
										</div>
										<div class="col-md-1">
			                                <span style="color:#F00">*</span>
			                            </div> 
									</td>
									<td colspan="3"></td>
									
								</tr>
								<tr class="even gradeC">
									<td width="10%" class="center">处理方案</td>
									<td colspan="3">
										<div class="col-sm-12">
											<textarea class="form-control" style="width: 100%" id="dealPlan"
												name="dealPlan" rows="3" th:text="${afterSaleTicket.dealPlan}"></textarea>
										</div>
									</td>
								</tr>
								<tr class="odd gradeX">
									<td width="10%" class="center">经办人</td>
									<td width="40%">
										<div class="col-sm-12">
											<input class="form-control " type="text" id="operator" name="operator"
												th:value="${afterSaleTicket.operator}" />
										</div>
									</td>
									<td width="10%" class="center">办理进度</td>
									<td width="40%">
										<div class="col-sm-12">
											<input class="form-control " type="text" id="dealRate" name="dealRate"
												th:value="${afterSaleTicket.dealRate}" />
										</div>
									</td>

								</tr>
								<tr class="odd gradeX">
									<td width="10%" class="center">要求发货时间</td>
									<td width="40%">
										<div class="col-sm-12">
										<input class="hide" type="text" id="sendDate1" name="sendDate1" th:value="${afterSaleTicket.sendDate}"/>
											<input class="form-control" type="date" id="sendDate"
												name="sendDate"/>
										</div>
									</td>
									<td width="10%" class="center">是否到达现场</td>
									<td width="40%">
										<div class="col-sm-12">
										<input class="hide" id="isArrive1" name="isArrive1" th:value="${afterSaleTicket.isArrive}"/>
											<select class="form-control" id="isArrive" name="isArrive">
												<option value="1">是</option>
												<option value="0">否</option>
											</select>
										</div>
									</td>

								</tr>
								<tr class="odd gradeX">
									<td width="10%" class="center">运单号</td>
									<td width="40%">
										<div class="col-sm-12">
											<input class="form-control" type="text" id="waybillNum"
												name="waybillNum"  th:value="${afterSaleTicket.waybillNum}" />
										</div>
									</td>
									<td colspan="2"></td>
								</tr>
							</table>
							<div class="box-header with-border">
								<i class="fa fa-th-list"></i>
								<h4 class="box-title">附件</h4>
							</div>
							<table class="table table-bordered">
								<tr class="odd gradeX">
									<td width="10%" class="center">传真，邮件</td>
									<td width="20%">
											<button type="button" class="btn btn-info upMail">上传</button>
											<button type="button" class="btn btn-info downMail">下载</button>
											<span id="mailNum" class="badge label-pill label-primary">0</span>
									</td>
									<td width="10%" class="center">质量反馈表</td>
									<td width="20%">
										<button type="button" class="btn btn-info upQuality">上传</button>
										<button type="button" class="btn btn-info downQuality">下载</button>
										<span id="qualityNum" class="badge label-pill label-primary">0</span>
									</td>
										<td width="10%" class="center">三包办理明细</td>
									<td width="20%">
										<button type="button" class="btn btn-info upDetail">上传</button>
										<button type="button" class="btn btn-info downDetail">下载</button>
										<span id="detailNum" class="badge label-pill label-primary">0</span>
									</td>
								</tr>
								<tr class="odd gradeX">
								<td width="10%" class="center">执行过程</td>
									<td width="20%">
										<button type="button" class="btn btn-info upProcess">上传</button>
										<button type="button" class="btn btn-info downProcess">下载</button>
										<span id="processNum" class="badge label-pill label-primary">0</span>
									</td>
									<td width="10%" class="center">其他</td>
									<td width="20%">
										<button type="button" class="btn btn-info upOther">上传</button>
										<button type="button" class="btn btn-info downOther">下载</button>
										<span id="otherNum" class="badge label-pill label-primary">0</span>
									</td>
									<td width="10%" class="center">三包图片</td>
									<td width="20%">
										<button type="button" class="btn btn-info upPicture">上传</button>
										<button type="button" class="btn btn-info downPicture">下载</button>
										<span id="pictureNum" class="badge label-pill label-primary">0</span>
									</td>

								</tr>
							</table>
							<div class="modal-footer">
								<a type="button" class="btn btn-primary pull-right"
									href="javascript:history.go(-1)">返回</a>
								<button type="button" class="btn btn-primary pull-right saveBtn">保存</button>
							</div>
						</div>
					</form>
				</div>
				<div class="tab-pane" id="tab_2">
					<table class="table table-bordered">
						<tbody>
							<tr class="even gradeC">
								<td width="10%" class="center">质量记录编号</td>
								<td width="40%">
									<input class="hide" id="tab2Id" name="tab2Id" th:value="${afterSaleTicketBack.id}"/>
									<div class="col-sm-12">
										<input class="form-control" type="text" id="recordCode"
											name="recordCode" th:value="${afterSaleTicketBack.recordCode}" />
									</div>
								</td>
								<td width="10%" class="center">产品状态</td>
								<td width="40%">
									<div class="col-sm-12">
										<input class="form-control" type="text" id="deviceState"
											name="deviceState" th:value="${afterSaleTicketBack.deviceState}" />
									</div>
								</td>
							</tr>
							<tr class="odd gradeC">
								<td width="10%" class="center">是否过保质期</td>
								<td width="40%">
									<div class="col-sm-12">
									<input class="hide" id="qualityGuarantee1" name="qualityGuarantee1" th:value="${qualityGuarantee}"/>
										<select class="form-control" id="qualityGuarantee" name="qualityGuarantee">
											<option value="是">是</option>
											<option value="否">否</option>
										</select>
									</div>
								</td>
								<td width="10%" class="center">责任归属</td>
								<td width="40%">
									<div class="col-sm-12">
										<input class="form-control" type="text" id="dutyBlong" name="dutyBlong"
											th:value="${afterSaleTicketBack.dutyBlong}" />
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">现场问题描述</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" id="questionDescription"
											name="questionDescription" rows="3" th:text="${afterSaleTicketBack.questionDescription}"></textarea>
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">事故原因分析</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" id="reasonAnalyse"
											name="reasonAnalyse" rows="3" th:text="${afterSaleTicketBack.reasonAnalyse}"></textarea>
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">解决及整改方案</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" id="solvePlan"
											name="solvePlan" rows="3" th:text="${afterSaleTicketBack.solvePlan}"></textarea>
									</div>
								</td>
							</tr>
							<tr class="even gradeC">
								<td width="10%" class="center">备注</td>
								<td colspan="3">
									<div class="col-sm-12">
										<textarea class="form-control" style="width: 100%" id="memo"
											name="memo" rows="3" th:text="${afterSaleTicketBack.memo}"></textarea>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="modal-footer">
						<a type="button" class="btn btn-primary pull-right"
							href="javascript:history.go(-1)">返回</a>
						<button type="button" class="btn btn-primary pull-right saveTab2Btn">保存</button>
					</div>
				</div>
				<div class="tab-pane" id="tab_3">
					<form id="tab3Form" class="widget-box">
						<div class="box-body">
							<table class="table table-bordered">
								<tbody>
									<tr class="even gradeC">
										<td width="20%" class="center">三包编号</td>
										<td width="30%">
											<div class="col-sm-12">
											<input class="hide" id="tab3Id" name="tab3Id" th:value="${afterSaleTicketAdvice.id}"/>
												<input class="form-control" type="text" id="regulationCode"
													name="regulationCode"  th:value="${afterSaleTicketAdvice.regulationCode}"/>
											</div>
										</td>
										<td width="20%" class="center">出厂编号</td>
										<td width="30%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="outCode"
													name="outCode" th:value="${afterSaleTicketAdvice.outCode}"/>
											</div>
										</td>
									</tr>
									<tr class="even gradeX">
										<td width="20%" class="center">用户单位</td>
										<td width="30%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="unitName"
													name="unitName" th:value="${afterSaleTicket.unitName}" disabled="disabled"/>
											</div>
										</td>
										<td width="20%" class="center">合同号</td>
										<td width="30%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="contractCode"
													name="contractCode" th:value="${afterSaleTicket.contractCode}" disabled="disabled" />
											</div>
										</td>

									</tr>
									<tr class="even gradeC">
										<td width="20%" class="center">交货期</td>
										<td width="30%">
											<div class="col-sm-12">
											<input class="hide" type="text" id="deliveryDate1"
													name="deliveryDate1" th:value="${afterSaleTicketAdvice.deliveryDate}"/>
												<input class="form-control" type="date" id="deliveryDate"
													name="deliveryDate" />
											</div>
										</td>
										<td width="20%" class="center">产品型号</td>
										<td width="30%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="deviceNumber"
													name="deviceNumber"  th:value="${afterSaleTicket.deviceNumber}" disabled="disabled"/>
											</div>
										</td>
									</tr>
									<tr class="even gradeX">

										<td width="20%" class="center">发运日期</td>
										<td width="30%">
											<div class="col-sm-12">
											<input class="hide" type="text" id="sendDateThree1"
													name="sendDateThree1" th:value="${afterSaleTicketAdvice.sendDate}"/>
												<input class="form-control" type="date" id="sendDateThree"
													name="sendDateThree" />
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<table class="table table-bordered">
								<tbody>
									<tr class="odd gradeX">
										<td width="10%" align="center" style="vertical-align: middle">责任归属</td>
										<td width="90%">
											<div class="col-sm-8">
												<div class="col-md-6">
												<input class="hide" type="text" id="dutyBlongThree1" name="dutyBlongThree1"
														  th:value="${afterSaleTicketAdvice.dutyBlong}"/>
													<input class="radioIterm" type="radio" name="dutyBlongThree" id="dutyBlongThree"
														 value="1" checked="checked"/>全新设计产品
												</div>
												<div class="col-md-6">
													<input class="radioIterm" type="radio" name="dutyBlongThree" id="dutyBlongThree"  value="2"/>新工艺方法
												</div>
											</div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td width="10%" align="center" style="vertical-align: middle">外购</td>
										<td width="90%">
											<div class="col-sm-12">
												<div class="col-md-3">
												<input class="hide" type="text" id="outsourcing1" name="outsourcing1"
														  th:value="${afterSaleTicketAdvice.outsourcing}"/>
													<input class="radioIterm" type="radio" id="outsourcing" name="outsourcing"
														 value="1" checked="checked"/>质保期内
												</div>
												<div class="col-md-5">
													<input class="radioIterm" type="radio" name="outsourcing" id="outsourcing" value="2"/>质保期内现场损坏、遗失用户不认
												</div>
												<div class="col-md-3">
													<input class="radioIterm" type="radio" name="outsourcing" id="outsourcing" value="3"/>质保期外考虑市场因素
												</div>
											</div>
										</td>
									</tr>
									<tr class="odd gradeX">
										<td width="10%" align="center" style="vertical-align: middle">自制</td>
										<td width="90%">
											<div class="col-sm-12">
												<div class="col-md-3">
												<input class="hide" type="text" id="selfMake1" name="selfMake1"
														  th:value="${afterSaleTicketAdvice.selfMake}"/>
													<input class="radioIterm" type="radio" id="selfMake" name="selfMake"
														 value="1" checked="checked"/>质保期内质保期内①设计②总装③焊接④运输⑤涂装⑥加工
												</div>
												<div class="col-md-5">
													<input class="radioIterm" type="radio" name="selfMake" id="selfMake" value="2"/>质保期内现场损失用户不认
												</div>
												<div class="col-md-3">
													<input class="radioIterm" type="radio" name="selfMake" id="selfMake" value="3"/>质保期外考虑市场因素
												</div>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<table class="table table-bordered">
								<tbody>
									<tr class="even gradeC">
										<td width="20%" class="center">赔偿原因</td>
										<td colspan="3">
											<div class="col-sm-12">
												<textarea class="form-control" style="width: 100%" id="payReason"
													name="payReason" rows="3"  th:text="${afterSaleTicketAdvice.payReason}"></textarea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<div class="box-header with-border">
								<i class="fa fa-th-list"></i>
								<h4 class="box-title">赔偿情况（零件名称、图号、数量）</h4>
								<button type="button"
									class="btn btn-primary pull-right deleteDeviceBtn">删除</button>
								<button type="button"
									class="btn btn-primary pull-right addDeviceBtn">添加</button>
							</div>
							<div class="box-body">
								<table id="payDeviceTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%">
									<thead>
										<tr>
											<th>序号</th>
											<th><input type="checkbox" id="checkAll"/></th>
											<th>零件名称</th>
											<th>图号</th>
											<th>数量</th>
											<th>材质</th>
											<th>单价</th>
											<th>总价</th>
											<th>备注</th>
										</tr>
									</thead>
									<tbody>
										
										
									</tbody>
								</table>

							</div>
							<table class="table table-bordered">
								<tbody>
									<tr class="even gradeC">
										<td width="10%" class="center">合计</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="summation"
													name="summation" th:value="${afterSaleTicketAdvice.summation}" datatype="n"/>
											</div>
										</td>
										<td width="10%" class="center">财务处核价人</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="financePerson"
													name="financePerson"  th:value="${afterSaleTicketAdvice.financePerson}"/>
											</div>
										</td>
									</tr>
									<tr class="even gradeX">
										<td width="10%" class="center">办理日期</td>
										<td width="40%">
											<div class="col-sm-12">
											<input class="hide" type="text" id="dealDate1"
													name="dealDate1" th:value="${afterSaleTicketAdvice.dealDate}"/>
												<input class="form-control" type="date" id="dealDate"
													name="dealDate"/>
											</div>
										</td>
										<td width="10%" class="center">赔偿发运方式</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="sendWay"
													name="sendWay" th:value="${afterSaleTicketAdvice.sendWay}"/>
											</div>
										</td>

									</tr>
									<tr class="even gradeC">
										<td width="10%" class="center">发往地点</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="sendPlace"
													name="sendPlace" th:value="${afterSaleTicketAdvice.sendPlace}"/>
											</div>
										</td>
										<td width="10%" class="center">收货单位名称</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="receiveUnit"
													name="receiveUnit" th:value="${afterSaleTicketAdvice.receiveUnit}"/>
											</div>
										</td>
									</tr>
									<tr class="even gradeC">
										<td width="10%" class="center">联系人</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="contactPerson"
													name="contactPerson" th:value="${afterSaleTicketAdvice.contactPerson}"/>
											</div>
										</td>
										<td width="10%" class="center">电话</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="contactPhone" 
													name="contactPhone" th:value="${afterSaleTicketAdvice.contactPhone}"/>
											</div>
										</td>
									</tr>
									<tr class="even gradeC">
										<td width="10%" class="center">邮编</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="postNumber"
													name="postNumber" th:value="${afterSaleTicketAdvice.postNumber}"
													datatype="d"/>
											</div>
										</td>
										<td width="10%" class="center">办理部门</td>
										<td width="40%">
											<div class="col-sm-12">
												<input class="form-control" type="text" id="dealSuperior"
													name="dealSuperior" th:value="${afterSaleTicketAdvice.dealSuperior}"/>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
				
					<div th:replace="audit/audit-levels::hasFiles('no','nobutton')"></div>
				
							<div class="modal-footer">
							    <button type="button" class="btn btn-primary pull-right  save-submit">保存</button>
								<button type="button" class="btn btn-primary pull-right  app-btn-submit">提交审批</button>
							</div>
						</div>
					</form>
				</div>
				<div class="tab-pane" id="tab_4">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">售后服务单列表</h4>
					</div>
					<div class="box box-body">
						<table width="100%" id="dataTable"
							class="mytable dataTable table-bordered text-center table-striped table-hover display">
							<thead>
								<tr>
									<th>序号</th>
									<th>操作</th>
									<th>执行人</th>
									<th>计划完成时间</th>
									<th>实际完成时间</th>
									<th>备注</th>
								</tr>
							</thead>
							<tbody>
								
							</tbody>
						</table>
					</div>
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">售后活动列表</h4>
					</div>
					<div class="box box-body">
						<table width="100%" id="dataTable"
							class="mytable dataTable table-bordered text-center table-striped table-hover display">
							<thead>
								<tr>
									<th>类型</th>
									<th>时间</th>
									<th width="70%">说明</th>
								</tr>
							</thead>
							<tbody>
								
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div></div>
		</section>
		<!-- 三包服务单赔偿设备添加弹窗 -->
		<div class="modal" id="payDeviceModal">
        <div class="modal-dialog" role="dialog">
            <form id="payDeviceForm">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title"><strong>赔偿零件录入</strong></h4>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="id" id="id" />
                        <div class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">零件名称</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control"  type="text" name="partName"  id="partName"  datatype="*,*1-100"/>
                                    </div>
                                    <div class="col-md-1">
                                        <span style="color:#F00;fontsize:30px">*</span>
                                    </div>
                                </div>
                                <label class="col-sm-2 control-label">图号</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="figureNumber" id="figureNumber" datatype="*,*1-100" />
                                    </div>
                                    <div class="col-md-1">
                                        <span style="color:#F00;fontsize:30px">*</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                            <label class="col-sm-2 control-label">材质</label>
                                <div class="col-sm-4">
                                    <div class="col-md-12">
                                     <input class="form-control" type="text" name="material" id="material" datatype="*1-100" />

                                    </div>
                                    
                                </div>
                                <label class="col-sm-2 control-label">数量</label>
                                <div class="col-sm-4">
                                    <div class="col-md-12">
                                     <input class="form-control" type="text" name="quantity" id="quantity" datatype="*1-100,d" errormsg="请输入数字"/>

                                    </div>
                                    
                                </div>
                                </div>
                                <div class="form-group">
                            <label class="col-sm-2 control-label">单价</label>
                                <div class="col-sm-4">
                                    <div class="col-md-12">
                                     <input class="form-control" type="text" name="price" id="price" datatype="*1-100,n"  errormsg="请输入价格"/>

                                    </div>
                                    
                                </div>
                                <label class="col-sm-2 control-label">总价</label>
                                <div class="col-sm-4">
                                    <div class="col-md-12">
                                     <input class="form-control" type="text" name="sumPrice" id="sumPrice" datatype="*1-100" />

                                    </div>
                                    
                                </div>
                                </div>
                                <div class="form-group">
                                <label class="col-sm-2 control-label">备注</label>
                                <div class="col-sm-10">
                                    <div class="col-md-12">
                                        <textarea class="form-control" type="text" name="deviceMemo" id="deviceMemo" datatype="*1-100" ></textarea>
                                    </div>
                                </div>
                                </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
                        <button type="button" class="btn btn-primary saveDeviceBtn" >保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    
    	<!--引入用户信息弹窗-->
		<div class="modal" id="modal-find-auditor">
			<div class="modal-dialog" role="dialog" style="width: 60%">
				<form id="form-find-user">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>用户查找</strong>
							</h4>
						</div>
						<div class="modal-body">
							<div class="form-horizontal">
								<div class="box-body">
									<div class="form-inline">
										<div class="input-group">
											<input type="text" class="form-control" id="search"
												placeholder="Search..." /> <span class="input-group-btn">
												<button type="button" id="btn-search"
													class="btn btn-info app-btn-search">查询</button>
												<button type="button" id="btn-reset"
													class="btn btn-info app-btn-reset">撤消</button>
											</span>
										</div>
									</div>
								</div>
								<div class="box box-body">
									<table id="table-user"
										class="mytable dataTable table-bordered text-center table-striped table-hover"
										cellspacing="0" width="100%" align="center">
										<thead>
											<tr>
												<th width="10%">序号</th>
												<th width="20%">姓名</th>
												<th width="20%">性别</th>
												<th width="20%">职务</th>
												<th width="20%">销售区域</th>
												<th width="10%">选择</th>
											</tr>
										</thead>
										<tbody>

										</tbody>
									</table>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-info" id="btn-reference">引入</button>
							<button type="button"
								class="btn btn-default app-find-user-return"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<!--引入用户信息弹窗结束-->
		<script th:src="@{/afterSaleInHouse/afterSaleAllHouse.js}"></script>
		<script type="text/javascript">
			jQuery(function() {
				$('#myTabs a:first').tab('show');
			});
		</script>
		
		<script th:src="@{/afterSaleInHouse/guarantee-audit-submit.js}"></script>
	</div>

</body>
</html>